<template>
  <div class="test">
      <basic-form
        ref="form"
        mode='search'
        style="height:60px"
        :isBtn="false"
        :isInline="true"
        :formInfos="q_formInfos"
        :formDatas="q_formDatas"
        ></basic-form>
    组件测试
      <basic-form
        ref="form"
        mode='fixed'
        style="height:400px"
        :isBtn="true"
        :formInfos="s_formInfos"
        :formDatas="s_formDatas"
        :rules="s_rules"
        ></basic-form>
    
  </div>
</template>

<script>
import basicForm from '@/views/app/common/basicForm.vue'
import {s_formInfos,s_formDatas,s_rules,q_formInfos,q_formDatas} from './dataConfig'

export default {
  components: {
    basicForm
  },
  data(){
      return{
        s_formInfos: s_formInfos,
        s_formDatas: s_formDatas,
        s_rules: s_rules,
        q_formInfos:q_formInfos,
        q_formDatas:q_formDatas
      }
  }
}
</script>

<style>
.test{
    height: 700px;
    overflow: scroll;
    background-color: #fff;
}
</style>
